.SecurityTrainA01 {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;

	& > div {
		display: flex;
		align-items: center;
		justify-content: center;

		& > div:first-child {
			width: 80px;
			height: 80px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(0, 44, 91, 1);
			border: 4px solid #d1ffec;
			box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.2);
			border-radius: 50%;
		}

		& > div:last-child {
			width: 160px;
			height: 80px;
			margin-left: -44px;
			background: radial-gradient(
					circle at 0 40px,
					transparent 50px,
					rgba(0, 44, 91, 0.2) 20px
				)
				top left;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			padding-left: 64px;

			& > div:first-child {
				width: 100%;
				display: flex;
				align-items: baseline;
				justify-content: flex-start;
				margin-bottom: 4px;

				& > div:first-child {
					font-size: 28px;
					font-family: DIN Condensed;
					font-weight: bold;
					margin-right: 4px;
				}

				& > div:last-child {
					font-size: 14px;
					font-family: Microsoft YaHei;
					font-weight: bold;
					color: #fff;
				}
			}

			& > div:last-child {
				width: 100%;
				font-size: 14px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #ffffff;
			}
		}
	}
}

.SecurityTrainA02 {
	padding: 16px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > div {
		width: 100%;

		&.Charts {
			flex: 1;
		}
	}
}
